.indexLibrary {
  display: flex;
  height: 100%;

  .interest {
    cursor: pointer;

    &:hover {
      color: #1890ff;
    }

    &.active {
      color: #1890ff;
    }
  }

  .detailWrap {
    flex: 1;
    position: relative;
    border-left: 1px solid #f0f0f0;

    .detail {
      width: 99%;
    }
  
    .none {
      height: 100%;
      padding-top: 100px;
      border-left: 1px solid #f0f0f0;
    }

    .loading {
      position: absolute;
      left: 48%;
      top: 20%;
      z-index: 100;
    }
  }


  :global {
    .ant-list {
      .ant-list-item {
        padding: 6px 0;
      }

      &.ant-list-sm {
        .ant-list-item {
          padding: 6px 16px;
        }
      }
    }
  }
}
